<template>
	<view>
		<!-- 头部 -->
		<view class="module ">
			<uNavbar title="" bgColor="transparent" ></uNavbar>
			<image class="beijing" :src="brandAlls.background_image" mode="aspectFill"></image>
		</view>
		<view class="introduce flex_Z">
			<image class="" :src="brandAlls.logo" mode=""></image>
			<text class="f32 c2">我们是:{{brandAlls.name}}</text>
			<view class="brief flex_Z">
				<text class="f28">公司简介</text>
				<rich-text class="richs" :nodes="brandAlls.brand_info"></rich-text>
			</view>
		</view>
		<view class="applyToJoin flex_c" @click="goNextPage" v-if="!brandAlls.is_fans && identiyCard.length > 0">
		<image class="highlights" src="../../static/image/mask.png" mode=""></image>
			<text>申请加入</text>
		</view>

	</view>
</template>

<script>
	import {brandDetails} from "../../api/store.js";
	export default {
		data() {
			return {
				ids:'', 
				brandAlls:{},//详情
				identiyCard:[],
			}
		},
		onLoad(e) {
			this.ids = e.id
			this.isBrandDetails()
		},
		methods: {
			//品牌发行方详情
			isBrandDetails(){
				let data = {
					id:this.ids
				}
				brandDetails(data).then(res=>{ 
					console.log(res)
					if(res.code == 1){
						this.brandAlls = res.data
						this.content = res.data.brand_info
						this.identiyCard = res.data.identiy_card
					}
				})
			},
			goNextPage(){
				uni.navigateTo({
					url:'/pagesMy/brandCenter/numbercard?id=' + this.ids
				})
			}
		},
	}
</script>
<style>
	page {
		background: #211E38;
	}
</style>
<style scoped>
	.module {
		width: 100%;
		height: 380rpx;
		position: relative;
	}
	.beijing{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.7;
		/* filter:blur(2rpx) */
	}

	.home1 {
		margin-right: 20rpx;
	}

	.introduce {
		width: 100%;
		padding: 0 44rpx;
		color: #ffffff;
		transform: translateY(-60rpx);
	}

	.introduce>image {
		width: 122rpx;
		height: 122rpx;
		border-radius: 50%;
	}

	.introduce>text {
		margin: 20rpx 0;
	}

	.brief {
		margin-top: 30rpx;
	}

	.brief>text:nth-child(1) {
		margin: 10rpx 0;
	}

	.richs {
		color: #A6A5AF;
		font-size: 24rpx;
		line-height: 1.8;
	}

	.dongxiao {
		width: 110rpx;
		height: 110rpx;
		border-radius: 50%;
		margin-top: 100rpx;
		margin-left: 44rpx;
		animation: myAnimation 1s linear forwards;
	}

	/* 创建关键帧 */
	@keyframes myAnimation {
		0% {
			top: 0;
			transform: scale(1);
		}
		50% {
			top: 80rpx;
			transform: scale(1.1);
		}
		100% {
			top: 160rpx;
			transform: scale(1.2);
		}
	}
	.applyToJoin{
		position: fixed;
		bottom: 80rpx;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		width: 682rpx;
		height: 80rpx;
		background: linear-gradient( 274deg, #0014FF 0%, #8020EF 50%, #FF2CDF 100%);
		border-radius:26rpx;
		margin: 0 auto;
	}
</style>